a, abbr, acronym, address, applet, area, article, aside, audio,
b, base, basefont, bdo, big, blockquote, body, br, button,
canvas, caption, center, cite, code, col, colgroup, command,
datagrid, datalist, datatemplate, dd, del, details, dialog, dfn, dir, div, dl, dt,
em, embed, event-source,
fieldset, figure, font, footer, form, frame, frameset,
header, h1, h2, h3, h4, h5, h6, hr, html,
i, iframe, img, input, ins,
kbd, label, legend, li, m, main, map, menu, meta, meter, nav, nest, noframes,
object, ol, optgroup, option, output, p, param, pre, progress, q, rule,
s, samp, section, select, small, source, span, strike, strong, style, sub, sup,
table, tbody, td, textarea, tfoot, th, thead, time, title, tr, tt,
u, ul, var, video {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-image-width: 0;
  box-sizing: border-box;
  //user-select: none;
}

html, body {
  -webkit-text-size-adjust: 100%; /*Prevent adjustments of font size after orientation changes in iOS.*/
  touch-action: none; /*Unable to preventDefault inside passive event listener due to target being treated as passive.*/
  width: 100%;
  height: 100%;
  font-family: "PingFang SC", "Helvetica Neue", -apple-system, Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 16px;
  color: #2c3e50;
  line-height: 1.15;
}


html, body, div, ul, ol, dl {
  -webkit-overflow-scrolling: touch; /*ios容器内部可以滑动时出现卡顿*/
}

ul, ol, dl {
  list-style: none;
}

a {
  display: block;
  height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /*不写点击会有效果*/
}

a:hover,
a:active {
  outline: 0;
  background-color: transparent;
}

img {
  border: none;
  vertical-align: bottom;

  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto;
}

input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

button, select, textarea, input[type=search], input[type=text] {
  outline: none;
  -webkit-appearance: none; /*解决iphone safari上的圆角问题*/
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

input[type="search"]::-ms-clear {
  display: none;
}

textarea {
  resize: none;
}

canvas {
  display: block;
  vertical-align: bottom;
}

//防止覆盖element-ui的el-table样式
//table:not(.el-table__body) {
//	border-collapse: collapse;
//
//	td {
//		border: 1px solid #333;
//	}
//}

/******************************每个项目都不一样 normalize 单词也是这个意思******************************/
h1 {
  font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.67em 0;
}

p {
  padding: 10px 0; /*这样写, 用鼠标选择文字的时候背景颜色会更加美观*/
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace, -apple-system, sans-serif;
  color: #476582;
  padding: .15rem .5rem;
  margin: 0 2px;
  font-size: .85em;
  background-color: rgba(27, 31, 35, .05);
  border-radius: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.common-box {
  width: 100%;
  height: 100%;
  min-width: 852px;
  padding: 20px;
  //background-color: #f5f6fa;
  background: #f0f0f0;
}

.link {
  /*display: inline;*/
  color: #409eff;
  text-decoration-line: underline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*.el-scrollbar__wrap {
	overflow-x: hidden !important; !*不然会有一个滚动条样式*!
}*/

/*不起作用, 必须加在每一个*.vue文件里
.el-table >>> .cell {
	white-space: pre-line !important;
}*/


/* 滚动条 */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(69, 245, 234, 0.22);
}

::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}


/*表格样式*/
.el-table {
  ////排序
  //.sort-caret.ascending {
  //	border-bottom-color: #f5f7fa !important;
  //}
  //
  ////排序
  //.sort-caret.descending {
  //	border-top-color: #f5f7fa !important;
  //}
  //
  ////筛选
  //.el-table__column-filter-trigger i {
  //	color: #f5f7fa !important;
  //}
  //
  ////表头
  //th.is-leaf {
  //	background-color: #409eff !important;
  //	color: #f5f7fa !important;
  //}

  //右上角交汇处
  th.gutter {
    background-color: #F5F5F5 !important;
    border-bottom: 1px solid #ebeef5 !important;
    width: 6px !important;
  }
}

.header-row-class-name,
.header-cell-class-name {
  padding: 0 !important;
  height: 48px;
  font-size: 12px;
  color: #505050;
  font-weight: 400;
  text-align: center !important;
  background-color: #F5F5F5 !important;
}

.header-cell-class-name {
  .cell {
    height: 14px !important;
    line-height: 14px !important;
    border-left: 1px solid #A7A7A7;
  }
}

.header-cell-class-name:first-of-type {
  .cell {
    border-left: none !important;
  }
}

.row-class-name {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #505050;
  font-weight: 400;
  text-align: center !important;
}

.cell-class-name {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  // color: #505050;
  font-weight: 400;
  text-align: center !important;
}

/*分页*/
.el-pagination .el-pagination__jump {
  //color: #fff;
}

/*对话框*/
.el-dialog.is-fullscreen.el-dialog--center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  overflow: hidden !important;
  background-color: rgba(255, 255, 255, .8);
  color: #000;

  .el-dialog__body {
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
  }
}


.el-radio.is-bordered {
  margin-right: 0;
}


.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
  line-height: 40px !important;
}

.text-info {
  color: #4C81F6;
  font-size: 14px;
  padding: 0 4px;
}
